<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>会员登录</title>
	<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
	<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
	<script src="js/bootstrap.min.js" type="text/javascript"></script>
	<script type="text/javascript">
        function isLogin() {//判断是否登录
            //该页面还没有用户登录
            <c:if test="${user == null}">
            window.location.href = "${pageContext.request.contextPath}/login.jsp";
            </c:if>

            <c:if test="${user != null}">

            $.ajax({
                url: "${pageContext.request.contextPath}/saveCart",
                data: {"pid":'${product.pid}' , "uid":'${user.uid}' , "count":$("#quantity").val()},
                success:function (data) {
                    alert(data);
                } ,
                dataType : "text",
                type : "post"
            });
            </c:if>

        }
	</script>

	<!-- 引入自定义css文件 style.css -->
	<link rel="stylesheet" href="css/style.css" type="text/css" />

	<style>
		body {
			margin-top: 20px;
			margin: 0 auto;
		}

		.carousel-inner .item img {
			width: 100%;
			height: 300px;
		}
	</style>
</head>

<body>
<!-- 引入header.jsp -->
<jsp:include page="/header.jsp"></jsp:include>

<div class="container">
	<div class="row">


		<div style="margin: 0 auto; width: 950px;">
			<div class="col-md-6">
				<img style="opacity: 1; width: 400px; height: 350px;" title=""
					 class="medium"
					 src="${product.pimage}">
			</div>

			<div class="col-md-6">
				<div>
					<strong>${product.pname}</strong>
				</div>
				<div
						style="border-bottom: 1px dotted #dddddd; width: 350px; margin: 10px 0 10px 0;">
					<div>编号：${product.pid}</div>
				</div>

				<div style="margin: 10px 0 10px 0;">
					亿家价: <strong style="color: #ef0101;">￥：${product.shopPrice}元/份</strong> 参 考 价：
					<del>￥${product.marketPrice}元/份</del>
				</div>

				<div style="margin: 10px 0 10px 0;">
					促销: <a target="_blank" title="限时抢购 (2014-07-30 ~ 2015-01-01)"
						   style="background-color: #f07373;">限时抢购</a>
				</div>

				<div
						style="padding: 10px; border: 1px solid #e7dbb1; width: 330px; margin: 15px 0 10px 0;; background-color: #fffee6;">
					<div style="margin: 5px 0 10px 0;">白色</div>

					<div
							style="border-bottom: 1px solid #faeac7; margin-top: 20px; padding-left: 10px;">
						购买数量: <input id="quantity" name="quantity" value="1"
									 maxlength="4" size="10" type="text">
					</div>

					<div style="margin: 20px 0 10px 0;; text-align: center;">
						<a href="javascript:void(0)" onclick="isLogin()"> <input
								style="background: url('./images/product.gif') no-repeat scroll 0 -600px rgba(0, 0, 0, 0); height: 36px; width: 127px;"
								value="加入购物车" type="button">
						</a> &nbsp;收藏商品
					</div>
				</div>
			</div>
		</div>
		<div class="clear"></div>
		<div style="width: 950px; margin: 0 auto;">
			<div
					style="background-color: #d3d3d3; width: 930px; padding: 10px 10px; margin: 10px 0 10px 0;">
				<strong>图书介绍</strong>
			</div>

			<div>
				<strong>${product.pdesc}</strong>
			</div>

			<div
					style="background-color: #d3d3d3; width: 930px; padding: 10px 10px; margin: 10px 0 10px 0;">
				<strong>出版社信息</strong>
			</div>
			<div style="margin-top: 10px; width: 900px;">
				<table class="table table-bordered">
					<tbody>
					<tr class="active">
						<th colspan="2">${product.sname}</th>
					</tr>
					</tbody>
				</table>
			</div>

			<div style="background-color: #d3d3d3; width: 900px;">
				<table class="table table-bordered">
					<tbody>
					<tr class="active">
						<th><strong>商品评论</strong></th>
					</tr>
					<tr class="warning">
						<th>暂无商品评论信息 <a>[发表商品评论]</a></th>
					</tr>
					</tbody>
				</table>
			</div>

			<div style="background-color: #d3d3d3; width: 900px;">
				<table class="table table-bordered">
					<tbody>
					<tr class="active">
						<th><strong>商品咨询</strong></th>
					</tr>
					<tr class="warning">
						<th>暂无商品咨询信息 <a>[发表商品咨询]</a></th>
					</tr>
					</tbody>
				</table>
			</div>
		</div>

	</div>
</div>


<!-- 引入footer.jsp -->
<jsp:include page="/footer.jsp"></jsp:include>

</body>

</html>